<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:composition template="/template/templateSGR#{sesion.usuario.getRol() == 3 ? 'Usuario' : ''}.xhtml">
        <ui:param name="param" value="autogestion"/>
        <ui:define name="index">
            <h:form id="form-#{param}" >
                <p:growl id="msg#{param}" showDetail="false" autoUpdate="true" />
                <article id="content">
                    <div class="wrap">
                        <section class="cols">
                            <div class="box" id="misReservas">
                                <div>
                                    <h2 class="letter_spacing">Mis<span> Reservas</span></h2>
                                    <figure><h:graphicImage library="theme/images"  name="page1_img3.jpg" alt="" /></figure>
                                    <p class="pad_bot1">Puedes ver las reservas que has hecho en Deliccio .</p>
                                    <h:link value="Ver Mis Reservas" outcome="/paginas/usuarios/autogestion/autogestion_reservas.xhtml"   styleClass="button1" />
                                </div>
                            </div>
                        </section>
                        <section class="cols pad_left1">
                            <div class="box" id="misDatos">
                                <div>
                                    <h2>Mis <span>Datos</span></h2>
                                    <p class="pad_bot1">Puedes cambiar tus datos personales, la información de tu cuenta. Siempre y en todo momento puedes gestionar tu cuenta. En caso de desear eliminar la cuenta 
                                        por favor contáctanos. </p>
                                    <h:link value="Mis Datos Personales" styleClass="button1" outcome="/paginas/usuarios/autogestion/autogestion_datos.xhtml" />
                                </div>
                            </div>
                        </section>
                        <section class="cols pad_left1">
                            <div class="box" id="misPedidos">
                                <div>
                                    <h2>Mis <span>Pedidos</span></h2>
                                    <figure><h:graphicImage library="theme/images"  name="page1_img1.jpg" alt="" /></figure>
                                    <p class="pad_bot1">Puedes ver que has pedido a Delccio y repetirlo cuando quieras.</p>
                                    <h:link value="Ver Mis Pedidos" outcome="/paginas/usuarios/autogestion/autogestion_pedidos.xhtml"  styleClass="button1"/>
                                </div>
                            </div>
                        </section>
                    </div>
                </article>
            </h:form>
        </ui:define>
    </ui:composition>
</html>